<?xml version="1.0" encoding="ISO-8859-15"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >

<head>
<link rel="stylesheet" href="gadgets.css" type="text/css" />

<title>GoogleSpreadsheets</title>
</head>

<body>


<h1 class="title">Liquid Diagrams Gadgets </h1>

<p class="title">
&copy;2009 Martin Lessacher<br/>
</p>



<h2 class="title">GoogleSpreadsheets</h2>

GoogleSpreadsheets is a spreadsheet application available in the internet (<a href="http://docs.google.com">GoogleDocs</a>). It is completly free of charge but requires the user to sign up for an account. After signing up the user is able to log in and create spreadsheets from his data. These spreadsheets can be shared and shown to other users.

<h2 class="title">Inserting Visualisation Gadgets to GoogleSpreadsheets</h2>
<p>The process of adding custom gadgets to a spreadsheet is kept fairly simple. In an existing spreadsheet the user has to select the rows and columns he wants to be handed to the gadget. Afterwards he can add the gadget to the spreadsheet by choosing "Insert -> Gadget..." from the menu bar. Then a window pops up in which the user can choose among predefined gadgets or enter an URL containing his own custom gadget. To accomplish that he has to choose the option "Custom" and to type in the URL of the gadgets main XML file.</p>
  <br />

<table width="1100" border="0" cellspacing="10">
  <tr>
    <td><a href="images/editor.png" style="text-align:center"><img class="center" src="images/editor.png" alt="Editor with selected lines and columns." width="650" height="450"/></a>&nbsp;&nbsp;</td>
    <td><a href="images/insert.png" style="text-align:center"><img class="center" src="images/insert.png" alt="Window to choose a gadget." width="650" height="450"/></a></td>
  </tr>
</table>

  <br />
  <p>If the URL prompts to a proper XML file a dialog showing the gadgets options should pop up. In this dialog the user is able to modify the settings and style of the gadget which is applied by clicking "Apply" or "Apply and Close" on the bottom of the settings window.</p>
  <br />

  <a href="images/settings.png"  style="text-align:center"><img class="center" src="images/settings.png" alt="Editor with selected lines and columns." width="450" height="450"/></a>

  <br /> 
</body>
</html>
